// JavaScript Document
$(function(){
	$('.lazyload').lazyload({effect:'fadeIn'});
	$('a').click(function(){
		var url = $(this).attr('href');
		if(url=='###'){
			location.href = 'working.html';
			return false;
		}
	});
	/*
	if($('.navChild').length){
		var navChild = $('.navChild');
		var active = navChild.find('a.on').parent();
		var left = active.offset().left + (active.width() + 35)/2 - navChild.offset().left;
		navChild.find('.mark').animate({'left':left+'px'});
		navChild.find('a').hover(function(){
			active = $(this).parent();
			var newLeft = active.offset().left + (active.width() + 35)/2 - navChild.offset().left;
			navChild.find('.mark').animate({'left':newLeft+'px'});
		},function(){
			navChild.find('.mark').animate({'left':left+'px'});
		});
		
	}
	*/
	$('.newsList').find('.contralBox a').click(function(){
		if('on' != $(this).attr('class')){
			var index = $(this).index();
			$(this).addClass('on').siblings('.on').removeClass('on').parent().siblings('.picBox').find('img').eq(index).fadeIn(function(){
				$(this).addClass('show');
			}).siblings('.show').fadeOut(function(){
				$(this).removeClass('show');
			});
		}
		return false;
	});
	$('.productImg').find('.contralBox a').click(function(){
		if('on' != $(this).attr('class')){
			var index = $(this).index();
			$(this).addClass('on').siblings('.on').removeClass('on').parent().siblings('.picBox').find('.hh').eq(index).fadeIn(function(){
				$(this).addClass('show');
			}).siblings('.show').fadeOut(function(){
				$(this).removeClass('show');
			});
		}
		return false;
	});
	setInterval(function(){
		$('.newsList').find('.contralBox a.on').each(function(){
			if($(this).next().length){
				$(this).next().click();
			}else{
				$(this).parent().find('a:first').click();
			}
		});
		$('.productImg').find('.contralBox a.on').each(function(){
			if($(this).next().length){
				$(this).next().click();
			}else{
				$(this).parent().find('a:first').click();
			}
		});
	},3000);
	
	$('.newsList').find('.picBox').click(function(){
		var popBox = $('#popBox');
		var pos = getPos(popBox);
		var imgs = $(this).find('img').clone();
		popBox.find('.box').append(imgs);
		popBox.css({'left':pos.l+'px','top':pos.t+'px'}).show();
	});
	$('#popBox').find('.close').click(function(){
		$('#popBox').hide().find('.box').empty();
		$('#gBigMask').remove();
		return false;
	}).siblings('.prev').click(function(){
		if($('#popBox').find('img:first').hasClass('show')){
			$('#popBox').find('img:last').fadeIn(function(){$(this).addClass('show')}).siblings('.show').fadeOut(function(){$(this).removeClass('show')});
		}else{
			$('#popBox').find('img.show').fadeOut(function(){$(this).removeClass('show')}).prev().fadeIn(function(){$(this).addClass('show')});
		}
		return false;
	}).siblings('.next').click(function(){
		if($('#popBox').find('img:last').hasClass('show')){
			$('#popBox').find('img:first').fadeIn(function(){$(this).addClass('show')}).siblings('.show').fadeOut(function(){$(this).removeClass('show')});
		}else{
			$('#popBox').find('img.show').fadeOut(function(){$(this).removeClass('show')}).next().fadeIn(function(){$(this).addClass('show')});
		}
		return false;
	});
	
	$('.productImg').find('.picBox').click(function(){
		var popBoxProduct = $('#popBoxProduct');
		var pos = getPos(popBoxProduct);
		var imgs = $(this).find('.hh').clone();
		popBoxProduct.find('.box').append(imgs);
		popBoxProduct.css({'left':pos.l+'px','top':pos.t+'px'}).show();
	});
	$('#popBoxProduct').find('.close').click(function(){
		$('#popBoxProduct').hide().find('.box').empty();
		$('#gBigMask').remove();
		return false;
	}).siblings('.prev').click(function(){
		if($('#popBoxProduct').find('.hh:first').hasClass('show')){
			$('#popBoxProduct').find('.hh:last').fadeIn(function(){$(this).addClass('show')}).siblings('.show').fadeOut(function(){$(this).removeClass('show')});
		}else{
			$('#popBoxProduct').find('.hh.show').fadeOut(function(){$(this).removeClass('show')}).prev().fadeIn(function(){$(this).addClass('show')});
		}
		return false;
	}).siblings('.next').click(function(){
		if($('#popBoxProduct').find('.hh:last').hasClass('show')){
			$('#popBoxProduct').find('.hh:first').fadeIn(function(){$(this).addClass('show')}).siblings('.show').fadeOut(function(){$(this).removeClass('show')});
		}else{
			$('#popBoxProduct').find('.hh.show').fadeOut(function(){$(this).removeClass('show')}).next().fadeIn(function(){$(this).addClass('show')});
		}
		return false;
	});
});

var getPos = function(obj) {
	var w = $(document).width() < $('body').width() ? $(document).width() : $('body').width();
	var h = $(document).height() < $('body').height() ? $(document).height() : $('body').height();
	var sl = document.body.scrollTop > document.documentElement.scrollTop ? document.body.scrollTop: document.documentElement.scrollTop;
	var t = parseInt((document.documentElement.clientHeight - obj.height()) / 2 + sl);
	var l = parseInt((document.documentElement.clientWidth - obj.width()) / 2);
	$('<div id="gBigMask"></div>').appendTo('body').css({
		'width': w + 'px',
		'height': h + 'px'
	});
	return {t:	t,l: l};
};